<!-- 首页 -->
<style scoped rel="stylesheet/scss" lang="scss">
	@import '../../../css/public.scss';
	.MyCn{
		height: 100%;
		padding-bottom: 120px;
		background-color: #f3f5f8;
	}

	div.myHeader{
		width: 100%;
		height:550px;
		
		background-repeat: no-repeat;
		div.MyInfo{
			width: 100%;
			padding-top: 80px;
			div.imgC{
				width: 150px;
				height: 150px;
				margin:0 auto;
				border-radius: 50%;
				>img{
					width: 100%;
					height: 100%;
					border-radius:50%;
				}
			}
			div.phone{
				text-align: center;
				font-size: 26px;
				color: #fff;
				margin-top: 30px;
			}
		}



	}

	ul.FunctionList{
		width:100%;
		background-color:#fff;
		padding: 0 30px;
		>li{
			height: 100px;
			border-bottom:1px solid #e1e1e1;
			a{
				display: block;
				width: 100%;
				height: 100%;
				line-height: 100px;

				@include clearfloat;
				div.goIn,
				div.labelCon{
					width: 100px;
					height: 100px;
					text-align: center;
					i{
						display: inline-block;
						width: 40px;
						height: 40px;
						border-radius:50%;
						line-height: 40px;
						font-size: 26px;
						color: #fff;
					}
					i.one{
						background-color: #eccde6;
					}
					i.two{
						background-color: #c1dbf1;
					}
					i.tui{
						background-color: #f2ceb5;
					}


				}	
				div.labelCon{
					float: left;
				}
				div.goIn{
					float: right;
					i{
						color: #d9d9d9;
						background-color:rgba(0,0,0,0);
					}
				}	
				div.title{
					float: left;
					font-size: 32px;
				}	
			}

		}
	}



</style>

<template>
	<section class="MyCn">

		<div class="myHeader" style="background-image: url(images/headback.png);">
			<head-nav :title-info="titleInfo"></head-nav>
			<div class="MyInfo">
				<div class="imgC"><img src="images/icon.jpg"></div>
				<div class="phone">18222222222</div>
			</div>

		</div>

		<ul class="FunctionList">
			<li>

				<router-link to="/myIndent">
					<div class="labelCon"><i class="iconfont one">&#xe683;</i></div>
					<div class="title">我的订单</div>
					<div class="goIn"><i class="iconfont">&#xe62a;</i></div>
				</router-link>
			</li>
			<li>
				<router-link to="/myAunt">
					<div class="labelCon"><i class="iconfont two">&#xe605;</i></div>
					<div class="title">我的家政员</div>
					<div class="goIn"><i class="iconfont">&#xe62a;</i></div>
				</router-link>
			</li>

			<li>
				<router-link to="/problemFeedback">
					<div class="labelCon"><i class="iconfont tui">&#xe742;</i></div>
					<div class="title">问题反馈</div>
					<div class="goIn"><i class="iconfont">&#xe62a;</i></div>
				</router-link>
			</li>

		</ul>

		



	</section>
</template>

<script>

	import headNav from '../../public/headNav';

	
	export default {
		data(){
			return {
				titleInfo: {
					close: true,
					title: '我的',
					color: '#fff',
					goHome: false,
					backColor: 'rgba(0,0,0,0)'
				}
			}
		},
		components: {
			headNav,
			
		},
		computed: {
	    	// getData(){
	    	// 	return this.$store.getters.getDataVal;
	    	// }
	    	
	    },
	    watch:{
	    	// getData(obj){
	    	// 	var data = obj.custom;
	    	// 	for (var i = 0; i < data.length; i++) {
	    	// 		data[i].createtime = new Date(parseInt(data[i].createtime)*1000).Format("yyyy-MM-dd");
	    	// 		data[i].evaluation = data[i].evaluation || '改用户没有评价！';
	    	// 		data[i].level = parseInt(data[i].level); 	    		
	    	// 	}
	    	// 	this.commentList = data;
	    	// }
	    }

	}
</script>
